<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>条件渲染</title>
</head>
<body>
<!--v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。-->
<div id="app1">
    <h1 v-if="awesome">Vue is awesome</h1>
    <h1 v-else="awesome">Oh no 😢 </h1>
</div>

<!--在<template>元素-->

</body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    new Vue({
        el: '#app1',
        data: {
            awesome:0
        }
    })
</script>
</html>